import Link from 'next/link'
import styles from '../../styles/Content.module.css'
import utilStyles from '../../styles/util.module.css'
import Divider from '../Divider'
const Content = () => {
	return (
		<div className={`${styles.content} ${utilStyles.plain}`}>
			<article>
				<p>
					Hi, I&apos;m Guan Xiaoyang, a graduate of {' '} <span className={utilStyles.stress}>SHANGHAI JIANQIAO UNIVERSITY</span>, majoring in{' '}<span className={utilStyles.stress}>E-commerce</span>.
				</p>
				<p>
					The current focus is on the {' '}<span className={utilStyles.stress}>front-end</span>.
				</p>
				<p>
					And I like{' '}<span className={utilStyles.stress}>animals</span>{' '}very much. 😀
				</p>
			</article>
			<Divider />
			<article>
				<p>
					I enjoy programming. Playing around with code, discovering new tech, and building fun and useful projects are my favorite. 
					On the{' '}<Link href='/'><span className={utilStyles.textLink}>projects</span></Link>{' '}
					projects page, I will show you all of my projects with a{' '}<a href='https://gitee.com/guanxiaoyang' className={utilStyles.textLink} rel='noreferrer' target='_blank' >Gitee</a>{' '}
					repository and an online demo(not now but soon).
				</p>
				<p>
					Some of my projects: BTM-Company | cqqn-hotel | ZhiHuiSheQu-uni | BMD-Movie
				</p>
			</article>
			<Divider />
			<article>
				<p>
					In my spare time, I like watching videos about programming. Not just study, but also share some opinions and experience. You can find me on <span className={utilStyles.stress}>哔哩哔哩</span> by searching 在B站学前端 or clicking {' '}<a href='https://space.bilibili.com/403614184' rel='noreferrer' target='_blank' className={utilStyles.textLink} >
            this link
          </a>.
				</p>
			</article>
			<Divider />
			<article>
				<p>
					Find me on{' '}<a className={utilStyles.textLink} href='' rel='noreferrer' target='_blank'>Gitee</a>{' '}and{' '}<a className={utilStyles.textLink} href='' rel='noreferrer' target='_blank'>哔哩哔哩</a>.
				</p>
				<p>
					Mail me at{' '}<a className={utilStyles.textLink} href='' rel='noreferrer' target='_blank'>1542534023@qq.com</a>.
				</p>
			</article>
		</div>
	)
}
export default Content